<div class="ribbon">
    <a href=""><span class="home fa fa-home"></span></a>
    <ol class="breadcrumb">
        <li>托盘列表</li>
    </ol>
</div>

<div class="table-wrapper">

    <div class="toolbar">
        <form role="form">
            <div class="row">
                <div class="col-md-11">
                    <div class="col-md-12">
                        <!--<label class="input">使用状态：</label>-->
                        <!--<label class="input"><select  ng-model="q.useStatus" ng-options="useStatus.name for useStatus in vm.useStatusList" class="form-control" ng-selected="" ng-change="ticketStatusChange()"></select></label>-->
                        <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                        <label class="input">托盘编号：</label>
                        <label class="input"><input type="text"  class="form-control" ng-model="q.gasCynTraySn"></label>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <label class="input">客户ID：</label>
                        <label class="input"><input type="text"  class="form-control" ng-model="q.customerUserId"></label>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <!--<label class="input">时间：</label>-->
                        <!--<label class="input"><input type="text"  id="datetimepickerStart"  class="form-control" ng-model="q.startTime"></label>-->
                        <!--<label class="input">—</label>-->
                        <!--<label class="input"><input type="text"  id="datetimepickerEnd"  class="form-control" ng-model="q.endTime"></label>-->
                        <!--<button title="删除时间" ng-click="deleteTimeRange()" type="button" class="btn btn-primary btn-outline btn-xs">-->
                            <!--<i class="fa fa-trash-o"></i>-->
                        <!--</button>-->
                    </div>
                </div>
                <div class="col-md-1">
                    <button  ng-click="search()" class="btn btn-md btn-primary pull-right"><i class="fa fa-search"></i> 搜索 </button>
                </div>
            </div>
        </form>
    </div>
    <table class="table table-striped table-hover props table-sm">
        <thead>
        <tr>
            <th width="1%"></th>
            <th width="3%">序号</th>
            <th width="5%">托盘编号</th>
            <th width="5%">客户ID</th>
            <th width="5%">客户姓名</th>
            <th width="5%">缺气告警</th>
            <th width="5%">漏气告警</th>
            <th width="8%">测量重量(公斤)</th>
            <th width="8%">标定重量(公斤)</th>
            <th width="8%">最终重量(公斤)</th>
            <th width="5%">经度</th>
            <th width="5%">纬度</th>
            <th width="5%">使用状态</th>
            <th width="10%">创建时间</th>
            <th width="10%">更新时间</th>
            <th width="5%">状态</th>
            <th width="15%">操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="gasCynTray in vm.gasCynTrayList">
            <td></td>
            <td class="message">{{$index+1+pager.pageSize*(pager.getCurPageNo()-1)}}</td>
            <td class="message">{{gasCynTray.number}}</td>
            <td class="message">{{gasCynTray.user.userId}}</td>
            <td class="message">{{gasCynTray.user.name}}</td>
            <td class="message">{{gasCynTray.warnningStatus.name}}</td>
            <td class="message">{{gasCynTray.leakStatus.name}}</td>
            <td class="message">{{gasCynTray.weight}}</td>
            <td class="message">{{gasCynTray.calibration}}</td>
            <td class="message">{{gasCynTray.validWeight}}</td>
            <td class="message">{{gasCynTray.longitude}}</td>
            <td class="message">{{gasCynTray.latitude}}</td>

            <td class="message">{{gasCynTray.deviceStatus.name}}</td>
            <td class="message">{{gasCynTray.createTime}}</td>
            <td class="message">{{gasCynTray.updateTime}}</td>
            <td ng-if="!isChaoshi(gasCynTray.updateTime)">
                <div style="width:30px;height:30px;background-color:#0F0; border-radius: 50%;color:#FFF;text-align:center;line-height:40px;:middle;font-size: large">
                </div>
            </td>
            </td>
            <td ng-if="isChaoshi(gasCynTray.updateTime)" >
                <div style="width:30px;height:30px;background-color:#F00; border-radius: 50%;color:#FFF;text-align:center;line-height:40px;:middle;font-size: large">
                </div>
            </td>
            <td class="operate">
                <button title="修改" ng-click="modify(gasCynTray)" type="button" class="btn btn-primary btn-outline btn-xs">
                    <i class="fa fa-edit"></i>
                </button>
                <button title="删除" ng-click="delete(gasCynTray)" type="button" class="btn btn-primary btn-outline btn-xs">
                    <i class="fa fa-trash-o"></i>
                </button>
                <button title="查看" ng-click="view(gasCynTray)" type="button" class="btn btn-primary btn-outline btn-xs">
                    <i class="fa fa-info-circle"></i>
                </button>
            </td>
        </tr>
        </tbody>
    </table>
    <div ng-if="vm.gasCynTrayList.length == 0" nj-table-no-data></div>
    <div nj-pager pager="pager"></div>
</div>
